<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ImageRoll {%if slogan%}{{slogan}}{%endif%}</title>
<link rel="alternate" href="/rss/"
type="application/rss+xml" title="" id="gallery" />
<script type="text/javascript" src="/static/javascripts/jquery.js"></script>
<script type="text/javascript" src="/static/javascripts/jquery.jeditable.mini.js"></script>
<script type="text/javascript" src="/static/javascripts/nifty.js"></script>
<script language="javascript" src="/static/javascripts/cookie_utils.js"></script>
<script language="javascript" src="/static/javascripts/rpc.js"></script>
<script type="text/javascript">
{%block doc_js%}{%endblock%}

function show_new_form(event){
event.preventDefault();
$("#new_form").toggle();
$("#new_form #id_url").focus();
}
{%block extra_js%}{%endblock%}
window.onload=function(){
if(!NiftyCheck())
  return;
  Rounded("div.entry","#bbbbbb","#dddddd");
}


</script>

<link rel="stylesheet" href="/static/css/reset-fonts-grids.css" type="text/css">
<style type="text/css">
<!--
#doc3 {margin:0px;}
#head_div {background-color: #dddddd; padding: 10px 10px 0 10px;}
#nav {font-size: 15px; padding: 0 0 0 50px;}

#foot_div {background-color: #dddddd; padding: 10px; text-align:center;}
#content {padding: 5px 20px;background-color:#bbbbbb}
#new_form {padding:0 30px 0 100px;width:300px;}

body { font-family: verdana, sans-serif;}
html {background-color: #dddddd;}
a img { vertical-align: middle; }
input, textarea {background-color: #ffffff;}
#head_div a {text-decoration: none; color: #000000; border-bottom: 1px dashed #000000; }
#head_div a:hover {text-decoration: none; color: #000066; }
#nav a {border: none; padding: 0 10px;}
#nav a.current{background-color: #bbbbbb;}
#content a {text-decoration:none; color: #000000; border-bottom: 1px dashed #000000;}
#content b a {color: #555555; text-decoration:none;  border: none;}


.yui-g{}
.sub_nav,.foot_nav {text-align: left; padding:3px;}
#hd { text-align: center; font-size: 3em; padding: .3em;}
#ft { text-align: center; padding: 1em; }
.info { font-size: 14px; text-align:left; padding: 0 0 0 100px; margin: 6px 0;}
.comment { padding: 3px; margin-top: 3px;}
.new_reply {margin: 0 0px;}
.reply { padding: 10px;}
.reply p{margin-left:0px;}
.new { padding: 1em;}
.entry_holder {padding: 5px 0;overflow:auto;}
.entry_holder_left_nested {text-align: left; }
.image_holder:hover {border: 8px solid #dddddd; padding: 0;}
.image_holder {border-left: 2px dashed #bbbbbb;border-right: 2px dashed #bbbbbb;border-bottom: 2px dashed #bbbbbb;border-top: 2px dashed #dddddd;  padding: 6px;}
.image_holder {float:left; }
.image_holder_small{ width:140px; height:200px; float:left; text-align: center;padding-top:3px; }
.entry_holder_right_nested {margin: 0 0px 0px 480px; }
.entry { background: #dddddd}
.entry div{ margin:5px 10px;}
.editable:hover {background-color: #ffffcc;}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
-->
</style>


</head>
<body>
<div id="doc3" class="yui-t7">

<div id="bd">
    <div class="yui-g" id="head_div">
        <div>Hi, {%if not current_user%}匿名潜水员同学(用google的帐户<a href="/login/">登陆</a>吧),
        {% else %}
        {{current_user.nickname}}(<a href="/logout/">退出登录</a>),
        {% endif %}
        欢迎来到<img src="/static/images/logo.png" style="vertical-align: -50%; padding: 0 10px;"></img>！你可以点击
        {%if current_user%}<a href="#" onclick="show_new_form(event)">这里</a>
        {%else%}<a href="/login/">这里</a>
        {%endif%}和大家分享在网上看到的有意思的图片。
        </div>

        <div id="new_form" style="display: none;">                        {%if current_user%}
        <form id="upload_form" action="/entry/new/" enctype="multipart/form-data" method="post">
        <div><label for="id_url">Image Url:</label> <input type="text"  name="url" id="id_url" /></div>
        <div><label for="id_purl">Image page Url:</label> <input type="text"  name="purl" id="id_purl" /></div>
        <div><label for="id_comment">Comment:</label><textarea name="comment" rows="5"style="width: 100%;" id="id_comment"></textarea></div>
        {% if parent %}<input type="hidden" name="parent" value="{{ parent }}" />{% endif %}
        <div><input type="submit" value="Submit" /></div>
        </form>
        {% else %}
        <a href="/login/">添加图片</a>
        {%endif%}
        </div>
        <div id="nav"> <a href="/" id="nav_main">最新图片</a> <a href="/all/" id="nav_all_images">全部图片</a>
        <a href="/mypage/" id="nav_mypage">我的图片</a>
        </div>
    </div>


    <div id="content">
    {%block content%}{%endblock%}
    </div>
</div>


<div id="foot_div">The site owner is not responsible for any uploaded content.</div>
</div>
</body>
</html>

